<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>

    </style>
</head>
<body>
 <ul >
     <li>1</li>
     <li>2</li>
     <li>3</li>
 </ul>

 <script>
     //通过标签名遍历，u为一个数组
     var u = document.getElementsByTagName('li');
     for (var i =0;i<u.length;i++){
         //为每个li标签都绑定一个单击事件
         u[i].onclick = function (){
             //通过循环来实现，将每个li颜色属性清空
              for(var j =0;j<u.length;j++){
                  u[j].style.color=''
              }
            //this可以表示当前点击，触发这个标签的是哪个
             //最后再单独给某一个li标签进行颜色修改
             this.style.color='red'
         }
     }
 </script>
</body>
</html>
